<!DOCTYPE>
<html>
	<head>
        <link type="text/css" rel="stylesheet" media="screen,projection" href="./common-resources/resources/css/.compiled/main.css" />
        
        <!--  
	    <script data-main="common-resources/resources/scripts/appmain" src="common-resources/resources/scripts/lib/require.js"></script>
	    <script src="common-resources/resources/scripts/build/appmain.js"></script>
	    -->
	    <script src="common-resources/resources/scripts/build/appmain.js"></script>
	</head>

	<body>
		<div id="addonpanel-container">
			<img src="./common-resources/resources/images/addonpanel.jpg" style="margin:0px auto">
		</div>

		<div id="demo-project">
			<div id="nav-container">

				<div id="nav-category-container">
					<ul id="nav-category-main">
						<li><a class="nav-item">C1</a></li>
						<li><a class="nav-item">C2</a></li>
						<li><a class="nav-item">C3</a></li>
						<li><a class="nav-item">C4</a></li>
					</ul>
					<div class="clear"></div>
				</div>
				
				<div id="nav-search-container">Search</div>

				<div id="nav-sc-container">ShoppingCart</div>

			</div>

			<div id="main-container">
				<div id="product-container">
				     <ul id="product-main">
					     <li><div class="product-item">Product 1</div><li>
					     <li><div class="product-item">Product 1</div><li>
					     <li><div class="product-item">Product 1</div><li>
					     <li><div class="product-item">Product 1</div><li>
					     <li><div class="product-item">Product 1</div><li>
					     <li><div class="product-item">Product 1</div><li>
				     </ul>
				     <div class="clear"></div>
				</div>
			</div>
			
			<div id="productApp">
       			<button class="listProduct">List</button>
       			<button class="resetList">Reset</button>
       			<button class="clearList">Clear</button>
       			<div id="productDiv">
       			</div>
      		</div>
			
		</div>
	</body>
</html>

